<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>contact</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
	$('#contactform').submit(function(){				  
		var action = $(this).attr('action');
		$.post(action, { 
			name: $('#name').val(),
			email: $('#email').val(),
			company: $('#company').val(),
			subject: $('#subject').val(),
			message: $('#message').val()
		},
			function(data){
				$('#contactform #submit').attr('disabled','');
				$('.response').remove();
				$('#contactform').before('<p class="response">'+data+'</p>');
				$('.response').slideDown();
				if(data=='Message sent!') $('#contactform').slideUp();
			}
		); 
		return false;
	});
});
// ]]>
</script>
</head>
<body>
<div class="container">
  <div class="container_h1">
    <div class="header1"> <a href="/"><img src="images/logo.gif" alt="logo" width="484" height="91" border="0" /></a>
      <div class="header1sub">
        <p>Click here to live Support<br />
          Toll Free <span>1-866-123-675</span></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_m">
    <div class="menu">
      <ul>
        <li><a href="index.html" ><span>Home</span></a></li>
        <li><a href="about.html"><span>About</span></a></li>
        <li><a href="about.html"><span>Services</span></a></li>
        <li><a href="portfolio.html"><span>Pricing</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="contact.html"  class="active"><span>Contact</span></a></li>
      </ul>
      <div class="search">
        <form id="form1" name="form1" method="post" action="">
          <input name="q" class="keywords" id="textfield" maxlength="50" value="Search:" type="text" />
          <input name="b" src="images/search_btn.gif" class="button" type="image" />
        </form>
      </div>
    </div>
  </div>
  <div class="slider_top2">
    <div class="header_text2">
      <h2>Contact Us</h2>
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_c">
    <div class="content">
      <div class="content_sub1">
        <h2>Contact to Contenttheme</h2>
        <p><strong>Vestibulum vehicula purus nec dui accumsan fermentum</strong>. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. Aliquam erat volutpat. Curabitur blandit odio eget odio eleifend vel mattis augue convallis. Praesent fringilla, eros et tristique tempus, libero metus porttitor velit, at ultrices eros dolor placerat nunc. Fusce ac egestas ante.</p>
        <div class="clr"></div>
        <form action="contact.php" method="post" id="contactform">
          <ol>
            <li>
              <label for="name">First Name <span class="red">*</span></label>
              <input id="name" name="name" class="text" />
            </li>
            <li>
              <label for="email">Your email <span class="red">*</span></label>
              <input id="email" name="email" class="text" />
            </li>
            <li>
              <label for="company">Company</label>
              <input id="company" name="company" class="text" />
            </li>
            <li>
              <label for="subject">Subject</label>
              <input id="subject" name="subject" class="text" />
            </li>
            <li>
              <label for="message">Message <span class="red">*</span></label>
              <textarea id="message" name="message" rows="6" cols="50"></textarea>
            </li>
            <li class="buttons">
              <input type="image" name="imageField" id="imageField" src="images/send.gif" />
            </li>
          </ol>
        </form>
      </div>
      <div class="content_sub2">
        <h2>Contact details</h2>
        <p><strong style=" color:#0093a2;">Customer Support</strong><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut felis orci, ac semper justo.<br />
          111-222-4444<br />
          <a href="#"><strong>support@example.com</strong></a><br />
          Monday-Friday 8am-8pm</p>
        <p><strong style=" color:#0093a2;">Sales Enquiry</strong><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
          111-222-3333<br />
          <a href="#"><strong>sales@example.com</strong></a><br />
          Monday-Friday 8am-5pm</p>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_f1">
    <div class="footer1">
      <div class="footer1_sub">
        <h3>Why Choose Us?</h3>
        <img src="images/icon1.gif" width="50" height="50" alt="icon" class="icon" />
        <div class="footer1_sub1a">
          <p><strong>Many desktop publishing</strong><br />
            packages and web page editors now use Lorem Ipsum <a href="#">[...]</a></p>
        </div>
        <div class="clr"></div>
        <img src="images/icon2.gif" width="50" height="50" alt="icon" class="icon" />
        <div class="footer1_sub1a">
          <p><strong>Many desktop publishing</strong><br />
            packages and web page editors now use Lorem Ipsum <a href="#">[...]</a></p>
        </div>
        <div class="clr"></div>
        <img src="images/icon3.gif" width="50" height="50" alt="icon" class="icon" />
        <div class="footer1_sub1a">
          <p><strong>Many desktop publishing</strong><br />
            packages and web page editors now use Lorem Ipsum <a href="#">[...]</a></p>
        </div>
        <div class="clr"></div>
      </div>
      <div class="footer1_sub">
        <h3>Clients saying</h3>
        <img src="images/userpic.gif" width="50" height="45" alt="user" class="icon" />
        <div class="footer1_sub2a">
          <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."</p>
          <p class="client">By -John S., webdesigner</p>
        </div>
        <div class="clr"></div>
        <img src="images/userpic.gif" width="50" height="45" alt="user" class="icon" />
        <div class="footer1_sub2a">
          <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."</p>
          <p class="client">By -John S., webdesigner</p>
        </div>
        <div class="clr"></div>
      </div>
      <div class="footer1_sub">
        <h3>Quick contact</h3>
        <p>Feel free to contact me or please fill up below in the following details and I will be in touch shortly.</p>
        <div class="footer1_sub1b">
          <p class="contacts">Address:<br />
            Telephone:<br />
            Fax:<br />
            Others:<br />
            Email:</p>
        </div>
        <div class="footer1_sub1c">
          <p>1458 Sample Road, Greenvalley, 12<br />
            +123-1234-5678<br />
            +458-4578<br />
            +301 - 0125 - 01258<br />
            <a href="mailto:mail@yoursitename.com">mail@yoursitename.com</a></p>
        </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_f2">
    <div class="footer2">
      <div class="footer2left">
        <p>Copyright 2009. Your Site Name Dot Com. All Rights Reserved</p>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="#">RSS</a></li>
        </ul>
      </div>
      <div class="footer2right">
        <p class="footer"><strong>Design by DreamTemplate</strong></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
</div>
</body>
</html>
